<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="s" uri="/struts-tags"%>



<div id="interior_detalle_mapa" class="interior_detalle_mapa">

					<input type="hidden" name="propiedad.latitud" id="txtLatitud" value="<s:property value="propiedad.latitud"/>"/> 
					<input type="hidden" name="propiedad.longitud" id="txtLongitud" value="<s:property value="propiedad.longitud"/>"/> 
					
	<div class="titulo">Ubicacion Geografica</div>
	<div id="contenedor_fotos"> 	
      
			<div id="contenedor_map_propiedad"> 							
        			 <div id="mapas" style="width:550px;height:185px;"> </div>
 			</div>
 	</div>
</div>



<script type="text/javascript">
 var map = null;
 var address;
 
 
 $(document).ready(function() {

	
	 
 var myLatlng = new google.maps.LatLng($("#txtLatitud").val(),$("#txtLongitud").val());
 
 var myOptions = {
        zoom: 15,
        center: myLatlng,
        scrollwheel:false,
        mapTypeId: google.maps.MapTypeId.ROADMAP
       };
 map = new google.maps.Map($("#mapas").get(0), myOptions);   
 var marker = new google.maps.Marker({
        position: myLatlng,
        draggable: false,
        map: map
    }); 

 google.maps.event.addListener(marker, 'dragend', function(){
		openInfoWindow(marker);
	});

 });
 
 </script>